<!-- 商品列表 -->
<ul>
    <li *ngFor="let item of recommendList">
        <a [routerLink]="[ '/details']" [queryParams]='{id: item.g_id}'>
            <!-- 商品名称 -->
            <p class='name'>{{item.g_title}}</p>
            <!-- 商品描述 -->
            <p class='intro'>—— {{item.g_details}} ——</p>
            <!-- 图片 -->
            <div>
                <img [src]="item.g_img" alt="{{item.name}}">
                <span class='depreciate' *ngIf="item.g_price">直降</span>
            </div>
            <!-- 商品级别描述 -->
            <p class='quality'>特级 优质 宿苜草/粉末</p>
            <!-- 价格 -->
            <div class='price'>
                <!-- 现价 -->
                <div id='currentPrice' class='f40'>￥{{item.g_price}}/t</div>
                <!-- 原价 -->
                <div id='originalPrice'>
                    <div *ngIf="item.g_price"> 原价: <span class='f40'>￥{{item.g_price}}/t</span></div>
                </div>
            </div>
        </a>
    </li>

</ul>
